*{
    margin: 0;
    padding: 0;
}
.zi-1{
    text-align: right;
    background: #222222;
    padding-right: 142px;
    padding-top: 10px;
    color:#858585;
}
.zi-1 a{
    color:#858585;
}
nav{
    background: #222222;
}
.tu-1{
    margin-left: 170px;
}
.navbar-light .navbar-nav .active>.nav-link{
    color:#bebebe;
}
.navbar-light .navbar-nav .active>.nav-link:hover{
    color:#fff;
}
.navbar-light .navbar-toggler{
    color:#ffffff;
    border-color:#fff;
}
.navbar-text button{
    margin-right: 116px;
    color: #e8e8e8;
    background: #222222;
    border:none;
}
.navbar-text input{
    border-radius: 36px;
    padding: 4px 18px 4px 40px;
    border:none;
    background: #e8e8e8;
}
.sou{
    position: absolute;
    left:14px;
    top:16px;
}
.navbar-text{
    position: relative;
}
.banner{
    height: 500px;
}
.banner1{
    background: url("../img/img-4.jpg");
    background-size:cover;
}
.banner2{
    background: url("../img/img-5.jpg");
    background-size:cover;
}
.banner3{
    background: url("../img/img-6.jpg");
    background-size:cover;
}
.banner4{
    background: url("../img/img-7.jpg");
    background-size:cover;
}
.banner5{
    background: url("../img/img-8.jpg");
    background-size:cover;
}
.banner6{
    background: url("../img/img-9.jpg");
    background-size:cover;
}
.com-1,.com-2,.com-3,.com-4{
    padding-left: 0;
}
.com-1 li,.com-2 li,.com-3 li,.com-4 li{
    list-style: none;
}
.bei{
    width: 100%;
    height: 879px;
    background: url("../img/img-1.png") center center no-repeat;
    background-size:cover;
}
#a{
    background: url("../img/btn.png");
    background-size: 100% 100%;
    width: 50px;
    height: 150px;
}
#a-1{
    background: url("../img/btn-2png.png");
    background-size: 100% 100%;
    width: 50px;
    height: 150px;
}
.carousel-indicators .active{
    background-color: red;
}
.main-1{
    background: #ededed;
    width: 100%;
}
.main-1 h1{
    text-align: center;
    padding: 20px 20px;
}
.bei-1{
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 20px 1px;
}
.bei-1 p{
    margin: 0;
    color:#ec0d1f;
}
.bei-1:hover{
    background: #ec0d1f;
    color: #fff;
}
.bei-1 p:hover{
    color: #fff;
}
.main-2{
    background: #e6ddd6;
    width: 100%;
}
.main-2 h1{
    padding-top: 80px;
    padding-bottom: 40px;
    text-align: center;
}
.main-2 .col-md-8{
    background: #fff;
    width: 740px;
    box-shadow: 1px 1px 3px #999;
}
.main-2 .col-md-10 p,.main-2 .col-md-10 span{
    font-size: 12px;
    padding-left: 60px;
}
.main-2 .col-md-10 h4{
    padding-left: 60px;
    padding-top: 15px;
}
.tu-2{
    padding-top: 15px;
    padding-bottom: 15px;
}
.tu-3{
    padding-bottom: 15px;
}
.tu-5{
    margin-left: 2px;
    margin-right: 4px;
}
.tu-6{
    padding-right: 5px;
}
.main-2 .col-md-10 span{
    color:#999999;
    margin-bottom: 15px;
}
.main-2 .container{
    padding-bottom:60px ;
}
.main-2 .col-md-4 p{
    background: #fff;
    margin: 0;
    font-size: 16px;
    padding: 25px 15px 25px 15px;
}
.main-2 .col-md-4 img{
    width: 100%;
}
.main-3{
    background: #fff;
}
.main-3 h1,.main-6 h1{
    padding-top: 60px;
    text-align: center;
}
.main-3 .col-md-4 p:hover{
    color:#ec0d1f;
}
.main-3 .col-md-4 p{
    cursor: pointer;
    padding-left: 80px;
    text-align: left;
}
.main-3 .col-md-4{
    margin-top: 60px;
    text-align: center;
}
.main-3 .col-md-4 h3{
    margin-top: 70px;
    padding-left: 80px;
    text-align: left;
    padding-bottom: 10px;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.pic img{
    width: 360px;
    height: 329px;
    transform: scale(1);
}
.swiper-slide{
    overflow: hidden;
    margin-bottom: 80px;
}
.swiper-slide .pic{
    width: 360px;
    height: 329px;
    overflow: hidden;
}
.swiper-slide:hover img{
    transform: scale(1.2);
    transition: transform 1s;
}
.main-3 .col-md-4 img{
    transform: scale(1);
}
.main-3 .col-md-4:hover img{
    transform: scale(1.2);
    transition: transform 1s;
}
.main-3 .col-md-4{
    overflow: hidden;
    margin-bottom: 80px;
}
#f{
    background: url("../img/btn-2png.png");
    background-size: 100% 100%;
    width: 44px;
    height: 123px;
    margin-top: -102px;
    margin-right: -10px;
}
#f-1{
    background: url("../img/btn.png");
    background-size: 100% 100%;
    width: 44px;
    height: 123px;
    margin-top: -102px;
    margin-left: -16px;
}
.huachu{
    width: 140px;
    height: 140px;
    background: #fff;
    border-radius:5px;
    position: absolute;
    left:85%;
    top: 55px;
    z-index: 3;
}
.huachu p {
    margin-bottom: 5px;
    margin-top: 7px;
    padding-left: 18px;
}
.huachu p:hover{
    background: #d1d1d1;
}
#x{
    display: none;
}
.main-4{
    background: #eeeeee;
    cursor: pointer;
}
.main-4 h1{
    text-align: center;
    padding: 50px 50px;
}
.main-4 .col-md-6{
    margin-bottom: 50px;
}
.tu-4{
    width: 550px;
}
.bei-2,.bei-3{
    background: #fff;
    width: 550px;
}
.bei-2 p,.bei-3 p{
    padding-left: 20px;
    margin-bottom: 0;
    margin-top: 5px;
}
.bei-2 p:hover,.bei-3 p:hover{
    color:#ec0d1f;
}
.bei-2 .col-md-6{
    margin-top: 34px;
    margin-bottom: 34px;
}
.bei-3 .col-md-6{
    margin-top: 20px;
    margin-bottom: 20px;
}
.main-5{
    background: #424242;
}
.main-5 .col-md-8 h2,.main-5 .col-md-8 p{
    color:#fff;
}
.main-5 .col-md-8 button{
    border-radius: 36px;
    padding: 8px 30px 8px 30px;
    background: #ec0d1f;
    color:#fff;
    border:none;
}
.main-5 .col-md-5,.main-5 .col-md-2,.main-5 .col-md-6{
    margin-top: 60px;
    margin-bottom: 60px;
}
.xian{
    width: 1px;
    height: 160px;
    background: #6a6866;
    margin: 0 auto;
}
.main-6{
    background: #e7ddd4;
}
.main-6 .col-md-4 img{
    width: 360px;
}
.bei-4{
    background: #fff;
    width: 360px;
    padding: 10px 10px 1px 10px;
}
.bei-4 p{
    font-size: 13px;
}
.main-6 .col-md-6 img{
    width: 360px;
}
.main-6 h1{
    padding-bottom: 60px;
}
.jia{
    position: relative;
    width:360px ;
    height: 491px;
}
.jia img ,.jia-1 img,.jia-2 img {
    position: absolute;
}
.jia p,.jia-1 p,.jia-2 p{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    display: none;
    text-align: center;
}
.jia p{
    padding-top: 220px;
}
.jia:hover >p,.jia-1:hover >p,.jia-2:hover >p{
    display: block;
}
.jia a{
    border:2px solid #ccc;
    color:#fff;
    text-decoration: none;
    padding: 5px 5px 5px 5px;
}
.bei-4:hover{
    background: #424242;
    color:#fff;
}
.jia-1,.jia-2{
    width: 360px;
    position: relative;
    height: 202px;
    overflow: hidden;
}
.jia-1 a,.jia-2 a{
    border:2px solid #ccc;
    color:#fff;
    text-decoration: none;
    padding: 5px 5px 5px 5px;
}
.jia-1 p,.jia-2 p{
    padding-top: 84px;
}
.jia-2{
    margin-top: 23px;
}
.main-6 .col-md-4,.main-6 .col-md-8{
    margin-bottom: 80px;
}
footer {
    background: #1a1a1a;
}
footer h5{
    color:#fff;
    margin-top: 40px;
}
footer p{
    color:#858585;
}
footer p:hover{
    color:#fff;
}
.xian-1{
    width: 100%;
    height: 1px;
    background: #6a6866;
    margin-top: 36px;
}
footer .col-md-8 p,.zi-2{
    font-size: 12px;
}
footer .col-md-8 p:hover{
    color:#ec0d1f;
}
footer .col-md-8,footer .col-md-3 img{
    margin-top: 28px;
}
#toTop{
    width: 50px;
    height: 50px;
    right: 55px;
    bottom:80px;
    text-align: center;
    cursor: pointer;
    position: fixed;
    line-height:44px;
    border-radius:36px;
    display: none;
    font-size: 35px;
}



@media (max-width: 600px){
    .zi-1{
        display: none;
    }
    .banner{
        height: 134px;
    }
    .banner1{
        background: url("../img/img-4.jpg") center center no-repeat;
        background-size:cover;
    }
    .banner2{
        background: url("../img/img-5.jpg");
        background-size:cover;
    }
    .banner3{
        background: url("../img/img-6.jpg");
        background-size:cover;
    }
    .banner4{
        background: url("../img/img-7.jpg");
        background-size:cover;
    }
    .banner5{
        background: url("../img/img-8.jpg");
        background-size:cover;
    }
    .banner6{
        background: url("../img/img-9.jpg");
        background-size:cover;
    }
    .pic img{
        width: 100%;
        height: 100%;
    }
    .swiper-slide .pic{
        width: 100%;
        height: 100%;
    }
    .bei-1{
        height: 98px;
    }
    .bei-1 p{
        font-size: 12px;
    }
    .bei-1 h5{
        font-size: 14px;
    }
    .main-2 .col-md-10 h4{
        padding: 0;
    }
    .main-2 .col-md-10 p{
        padding: 0;
    }
    #a{
        background: url("../img/btn.png");
        background-size: 100% 100%;
        width: 25px;
        height: 50px;
    }
    #a-1{
        background: url("../img/btn-2png.png");
        background-size: 100% 100%;
        width: 25px;
        height: 50px;
    }
    #f-1{
        background: url("../img/btn.png");
        background-size: 100% 100%;
        width: 25px;
        height: 50px;
    }
    #f{
        background: url("../img/btn-2png.png");
        background-size: 100% 100%;
        width: 25px;
        height: 50px;
    }
    #b{
        background: url("../img/button.jpg")no-repeat;
        background-size: 100% 70%;
        margin-top: 8px;
    }
    .tu-1{
        margin: 0;
    }
    .huachu{
        position: absolute;
        left:2%;
        top: 96%;
    }
    .tu-4{
        width: 100%;
    }
    .bei-2{
        width: 100%;
    }
    .bei-3{
        width: 100%;
    }
    .main-5 .col-md-2{
        display: none;
    }
    .navbar-text{
        position: relative;
    }
    .main-5 .col-md-5{
        text-align: center;
    }
    .main-6 .col-md-4 img{
        width: 100%;
        height: 491px;
    }
    .main-6 .col-md-6 img{
        width: 100%;
        height: 202px;
    }
    .jia{
        width: 100%;
    }
    .jia-1{
        width: 100%;
    }
    .jia-2{
        width: 100%;
    }
    .bei-4{
        width: 100%;
        margin-bottom: 20px;
    }
    .main-6 .col-md-4,.main-6 .col-md-8{
        margin-bottom: 15px;
    }
    #toTop{
        right: 35px;
    }
}